<template>
  <div class="two">
    <sellDog
      v-for="(item, index) in dog"
      :key="index"
      :dogImg="item.dogImgUrl"
      :dogName="item.dogName"
    ></sellDog>
  </div>
</template>

<script>
import sellDog from './components/sellDog.vue'
export default {
  data() {
    return {
      dog: [
        {
          dogImgUrl:
            'http://nwzimg.wezhan.cn/contents/sitefiles2029/10146688/images/21129958.jpg',
          dogName: '博美',
        },
        {
          dogImgUrl:
            'http://nwzimg.wezhan.cn/contents/sitefiles2029/10146688/images/21129958.jpg',
          dogName: '泰迪',
        },
        {
          dogImgUrl:
            'http://nwzimg.wezhan.cn/contents/sitefiles2029/10146688/images/21129958.jpg',
          dogName: '金毛',
        },
        {
          dogImgUrl:
            'http://nwzimg.wezhan.cn/contents/sitefiles2029/10146688/images/21129958.jpg',
          dogName: '哈士奇',
        },
        {
          dogImgUrl:
            'http://nwzimg.wezhan.cn/contents/sitefiles2029/10146688/images/21129958.jpg',
          dogName: '阿拉斯加',
        },
        {
          dogImgUrl:
            'http://nwzimg.wezhan.cn/contents/sitefiles2029/10146688/images/21129958.jpg',
          dogName: '萨摩耶',
        },
      ],
    }
  },
  components: {
    sellDog,
  },
}
</script>

<style>
.two {
  display: flex;
  flex-wrap: wrap;
}
</style>
